/* satu */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td
{
margin:0;
padding:0
}
table{border-collapse:collapse;
border-spacing:0
}
fieldset,img{border:0
}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var
{
font:inherit
}
del,ins
{
text-decoration:none
}
caption,th{
text-align:left
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal
}
q:before,q:after{
content:''
}
abbr,acronym{
border:0;
font-variant:normal
}
sup, sub{
vertical-align:baseline
}
* html 
#wrapper,* html 
#sidebar,* html 
#posting,* html 
#content-wrapper,* html 
#kotak-sidebar,* html 
#kotak-posting,* html 
#header-wrapper,* html 
#footer-wrapper,* html 
#bottom-bar{
height:1%
}
html{
height:101%
}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{
display:block;
}
#navbar-iframe,.status-msg-wrap,.post-feeds,.feed-inks,.Attributio{
display:none
}
.clear{
clear:both
}
/* dua */
h1{
font-size:2em
}
h2{
font-size:1.5em
}
h3{
font-size:1.17em
}
h4{
font-size:1em
}
h5{
font-size:0.83em
}
h6{
font-size:0.75em
}
p{
padding-bottom:14px
}
ol,ul{
list-style-type:none
}
img,iframe,table{
max-width:100%}
table{
background:#fafafa;margin:0 auto 14px
}
td,th{
vertical-align:top;
text-align:left;
font-size:13px;
padding:3px 5px;
border:1px solid #ccc
}
th{
background:#ddd
}
a img{
border:0;
}
a, img{
outline:none
}
a:link{
outline:none;
color:#1e598e;
text-decoration:none
}
a:visited{
color:#1e598e;text-decoration:none
}
a:hover, a:active{
color:#c80441;text-decoration:none
}
a.box{
box-shadow:2px 2px 5px rgba(1,1,1,.1);
position:relative;
top:0px;
left:0px;
display:block;
background:#f0f0f0;
border:1px solid #fff;
padding:3px 6px;
color:#666;
font-size:13px;
}
a.box:active{
box-shadow:0px 0px 2px rgba(1,1,1,.1);
top:2px;left:2px;
text-decoration:none;
}
a.box:hover{
background:#eaeaea;
}
div.separator img {
margin-bottom:10px;
box-shadow:2px 2px 5px rgba(1,1,1,.1);}
/* tiga */
body{
background:#8fbc8b;
color:#333;
font:normal 100% Arial, Helvetica, Verdana, sans-serif;
text-align:left;
margin:0;
}
#wrapper{
background:#eaeaea;
width:970px;
margin:29px auto 0;
padding:0;
font-size:14px;
}
#header-wrapper{
background:#f5f5f5;
overflow:hidden;
height:auto;
padding:10px
}
#content-wrapper{
background:#f5f5f5;
height:auto;
}
#posting{
background:#eaeaea;
float:left;
width:650px
}
#sidebar{
background:transparent;
float:right;
width:320px;
}
#footer-wrapper{
background:333;
background:-webkit-linear-gradient(top, #89ad39, #333);
background:-moz-linear-gradient(top, #89ad39, #333);
background:-ms-linear-gradient(top, #89ad39, #333);
background:-o-linear-gradient(top, #89ad39, #333);
background:linear-gradient(top, #89AD39, #333);
overflow:hidden;
text-shadow:0px -1px 0px #000;
padding:10px;
border-top:1px solid #000;
font-size:12px;
color:#ddd
}
/* empat */
#top-nav{
background:#333;
background:-webkit-linear-gradient(top, #89ad39, #333);
background:-moz-linear-gradient(top, #89ad39, #333);
background:-ms-linear-gradient(top, #89ad39, #333);
background:-o-linear-gradient(top, #89ad39, #333);
background:linear-gradient(top, #89ad39, #333);
height:28px;
width:100%;
min-width:970px;
position:fixed;
top:0;
left:0;
z-index:9999;
overflow:hidden;
border-bottom:1px solid #000
}
#top-nav ul{
margin:0 auto;
width:970px
}
#top-nav ul li{
float:left
}
#top-nav ul li a{
line-height:28px;
padding:0 15px;
color:#ffffff;
font-size:13px;
text-strong:0px -1px 0px #000;
display:block;
text-decoration:none
}
#top-nav ul li a:hover{
background:#555
}
/* lima */
nav{
font:bold 16px Calibri,Arial,Sans-Serif;
}
nav *{
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}
nav ul{
background:#333;
background:-webkit-linear-gradient(top, #89ad39, #333);
background:-moz-linear-gradient(top, #89ad39, #333);
background:-ms-linear-gradient(top, #89ad39, #333);
background:-o-linear-gradient(top, #89ad39, #333);
background:linear-gradient(top, #89ad39, #333);
height:30px;
-webkit-box-shadow:inset 0px 1px 0px rgba(0,0,0,0.4), inset 0px 2px 0px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow:inset 0px 1px 0px rgba(0,0,0,0.4), inset 0px 2px 0px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.4);
box-shadow:inset 0px 1px 0px rgba(0,0,0,0.4), inset 0px 2px 0px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.4);
}
nav li{
float:left;
display:inline;
}
nav li a{
padding:0px 15px;
line-height:30px;
color:#fff !important;text-strong:0px 1px 0px rgba(255,255,255,0.3);
display:block;
text-decoration:none;
-webkit-box-shadow:inset 1px 0px 0px rgba(255,255,255,0.1), inset -1px 0px 0px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 0px 0px rgba(255,255,255,0.1), inset -1px 0px 0px rgba(0,0,0,0.1);
box-shadow:inset 1px 0px 0px rgba(255,255,255,0.1), inset -1px 0px 0px rgba(0,0,0,0.1);
}
nav li a:hover{
background:rgba(0,0,0,0.1) !important;
}
nav li a:active{
background:#0054bb;
background:-webkit-linear-gradient(bottom, #0054bb, #175093);
background:-moz-linear-gradient(bottom, #0054bb, #175093);
background:-ms-linear-gradient(bottom, #0054bb, #175093);
background:-o-linear-gradient(bottom, #0054bb, #175093);
background:linear-gradient(bottom, #0054bb, #175093);
}
nav li ul{
display:block;
width:170px;
position:absolute;
left:auto;
z-index:10;
visibility:hidden;
opacity:0;
height:auto;
-webkit-transition:all 0.26s ease-out 0.2s;
-moz-transition:all 0.26s ease-out 0.2s;
-ms-transition:all 0.26s ease-out 0.2s;
-o-transition:all 0.26s ease-out 0.2s;
transition:all 0.26s ease-out 0.2s;
}
nav li li{
display:block;
float:none;
width:100%;
}
nav li:hover > ul{
visibility:visible;
width:200px;
opacity:1;
}
nav li li ul{
left:200px;
margin-top:-40px;
}
nav li.sub > a{
position:relative;
padding-right:30px;
}
nav li.sub > a:after{
content:"";
width:0px;
height:0px;
border-width:4px;
border-style:solid;
border-color:#eee transparent transparent transparent;
position:absolute;
top:20px;
right:10px;
}
nav li.sub li.sub > a:after
{
content:"";
width:0px;
height:0px;
border-width:4px;
border-style:solid;
border-color:transparent transparent transparent #eee;
position:absolute;
top:16px;
right:10px;
}
/* enam */
#header{
float:left;
max-width:630px;
height:60px
}
#header h1.title,#header p.title{
font-family:'Francois One', Arial,Sans-Serif;
font-size:50px;
text-shadow:1px 1px #fff, 2px 2px #ccc, 3px 3px #ddd, 4px 4px #eee;
margin:0;
padding:0px
}
#header h1.title a, #header p.title a {
color:#333
}
#header .description{
font-family:'Francois One',Arial,Sans-Serif;
text-shadow:1px 1px #fff;
font-size:13px;
color:#666;
letter-spacing:1px;
margin:0;
padding:0;
}
.form-wrapper{
box-shadow:1px 1px 5px rgba(1,1,1,.1);
float:right;
display:inline;
width:296px;
padding:0;
margin:15px 0 0 0;
border:2px solid #fff;
border-radius:8px 8px
}
.form-wrapper input{
width:196px;
height:26px;
line-height:26px;
padding:0 12px;
float:left;
font:normal 12px Arial,sans-serif;
border:0;
background:#eee;
border-radius: 6px 0 0 6px
}
.form-wrapper input:focus{
outline:0;
background:#fff;
box-shadow:2px 2px 5px rgba(0,0,0,.8) inset
}
.form-wrapper button{
overflow:visible;
float:right;
border:0;
padding:0;
cursor:pointer;
height:26px;
width:76px;
font-weight:bold;
color:#fff;
text-transform: uppercase;
background:#89ad39;
border-radius:0 6px 6px 0;
text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}
.form-wrapper button:hover{
background:#e54040;
}
.form-wrapper button:active, .form-wrapper button:focus{
background:#c42f2f;
}

/* tujuh */
#kotak-posting{
margin:10px;
padding:0;
word-wrap:break-word;
}
.breadcrumbs{
box-shadow:1px 1px 5px rgba(1,1,1,.1);
background:#f5f5f5;
text-align:left;
padding:8px;
margin:10px 0 5px;
font-size:13px;
line-height:1.4;
border:1px solid #fff
}
.post{
box-shadow:1px 1px 5px rgba(1,1,1,.1);
background:#ffffff;
position:relative;
padding:8px;
margin:0;
border:1px solid #89ad39
}
.post-footer {
background:#f5f5f5;
position:absolute;
bottom:0;
right:0;
left:0;
padding:6px 8px;
margin:0;
color:#666;
font-size:11px;
text-align:right;
}
.plus {
background:transparent;
position:absolute;
z-index:6;
bottom:0;
left:0;
padding:6px 8px;
margin:0;
color:#666;
font-size:12px;
text-align:left;
}
.item-post-footer{
margin:3px 0 8px;
text-align:right;
font-size:12px;
color:#888;
font-style:italic;
}
.postthumb{
box-shadow:1px 1px 5px rgba(1,1,1,.1);
background:#fafafa;
padding:4px;
margin:3px 8px 3px 0;
float:left;
border:1px solid #fff;
width:200px;
height:70px;
display:inline
}
.post-body{
line-height:1.4;
text-align:justify
}
.post-title h2,.post-title h1{
font-weight:bold;
line-height:1.1;
letter-spacing:-0.5px;
margin:0
}
.post-title h2{
padding:0 0 6px;
font-size:17px
}
.post-title h1{
font-size:22px;
padding:0 0 10px
}
.lintasjari{
box-shadow:0 0 10px #fff;
border-radius:6px;
font-size:13px;
margin:0 0 10px;
padding:8px;
border:2px solid #89ad39
}
#blog-pager{
clear:both !important;
overflow:hidden;
margin:-3px 0;
padding:3px;
text-align:center
}
#blog-pager-newer-link{
float:left
}
#blog-pager-older-link{
float:right
}
.post-body ul{
margin:0 0 13px 28px;
list-style-type:disc
}
.post-body ol{
margin:0 0 13px 28px;
list-style-type:decimal
}
blockquote{
background: #f5f5de;
border-left:6px solid #ccc;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
border-right:2px solid #ccc;
text-align:left;
font-style:italic;
margin:0 0 13px 13px;
padding:10px 22px 10px 22px
}
#share-button{
margin:0 0 8px;
padding:0;
overflow:hidden
}
#share-button p{
float:left;
box-shadow:1px 1px 5px rgba(1,1,1,.1);
background:#fafafa;
display:block;
padding:5px 8px !important;
margin:0 3px 3px 0;
border-radius:6px 6px;
border:1px solid #fff
}
#share-button a{
position:relative;
float:left;
box-shadow:1px 1px 5px rgba(1,1,1,.1);
border-radius:6px 6px;
display:block;
color:#fafafa;
padding:5px 8px;
margin:0 3px 3px;
border:1px solid #fff
}
#share-button a:hover{
top:1px;
left:1px;
box-shadow:0px 0px 3px rgba(1,1,1,.1)
}

/* delapan */
#widget-posting-kiri{
float:left;
margin:0 5px 10px 10px;
padding:0;
width:310px;
display:inline;
}
#widget-posting-kanan{
float:right;
margin:0 10px 10px 5px;
padding:0;
width:310px;
display:inline
}
.widget-posting h2,.widget-posting h3{
background:#999;
margin:0;
padding:4px 8px;
font-size:16px;
text-shadow:0px 1px 0px #666;
color:#fff;
text-transform:uppercase;
border-bottom:1px solid #fff;
}
.widget-posting .widget{
box-shadow:1px 1px 5px rgba(1,1,1,.1);
background:#f5f5f5;
margin:0 0 10px;
border:1px solid #fff;
clear:both
}
.widget-posting .widget-content{
padding:8px
}
/* sembilan */
#sidebar #kotak-sidebar{
margin:10px;
padding:0;
width:300px
}
#sidebar h2, #sidebar h3{
box-shadow:1px 1px 5px rgba(1,1,1,.1);
background:#333;
background:-webkit-linear-gradient(top, #89ad39, #333);
background:-moz-linear-gradient(top, #89ad39, #333);
background:-ms-linear-gradient(top, #89ad39, #333);
background:-o-linear-gradient(top, #89ad39, #333);
background:linear-gradient(top, #89ad39, #333);
text-transform:uppercase;
color:#fff;
font-size:15px;
text-shadow:0 1px 0px #666;
padding:4px 8px;
margin:0;
border:1px solid #fff
}
#sidebar .widget{
margin:0;
clear:both
}
#sidebar .widget-content{
padding:8px 0
}
#sidebar #kotak-sidebar-kiri{
float:left;
width:145px;
margin:0 5px 10px 10px;
font-size:11px;
display:inline
}
#sidebar #kotak-sidebar-kanan{
float:right;
width:145px;
margin:0 10px 10px 5px;
font-size:11px;
display:inline
}
#sidebar #kotak-sidebar-bawah{
margin:0 10px 10px;
padding:0;
width:300px
}

/* sepuluh */
#sidebar table,#bottom-bar table,.widget-posting table{
margin:0 0 0 0;
background:transparent
}
#sidebar td, #sidebar th,#bottom-bar td,#bottom-bar th,.widget-posting td,.widget-posting th{
background:transparent;
padding:0 0 0 0;
border:medium none
}
.BlogArchive #ArchiveList ul li{
text-indent:0 !important
}
.PopularPosts .item-snippet{
color:#666;
font-size:12px
}
.PopularPosts .item-thumbnail{
float:right;
background:#fafafa;
margin:0 0 0 6px;
padding:4px;
border:1px solid #fff;
box-shadow:1px 1px 5px rgba(1,1,1,.1);
display:inline
}
.PopularPosts .item-thumbnail a img{
height:60px;
width:60px;
display:block;
margin:0;
padding:0
}
.PopularPosts .widget-content ul li{
padding:5px 2px !important
}
.BlogArchive #ArchiveList ul li{
background:none;
list-style:none;
list-style-image:none;
list-style-position:outside;
border-width:0;
padding-left:15px;
margin:.25em 0;
background-image:none
}
.BlogArchive #ArchiveList ul ul li{
padding-left:1.2em
}
.BlogArchive #ArchiveList ul{
margin:0;
padding:0;
list-style:none;
list-style-image:none;
border-width:0
}
.BlogArchive #ArchiveList ul.posts li{
padding-left:1.3em
}
#ArchiveList .collapsed ul{
display:none
}
.widget-content ul li{
margin:0;
padding:3px 2px;
border-top:1px solid #fafafa;
border-bottom:1px solid #ddd
}
.widget-content ul li:first-child{
border-top:medium none !important
}
.widget-content ul li:last-child{
border-bottom:medium none !important
}
.widget-content ul li a{
color:#333
}
.widget-content ul li a:hover{
color:#c80441
}
#LinkList1 .widget-content ul{
height:100px;
overflow-y:auto
}
.profile-img{
box-shadow:1px 1px 5px rgba(1,1,1,.1);
float:left;
background:#fafafa;
padding:4px;
margin:0 5px 5px 0;
border:1px solid #fff
}
.profile-datablock{
margin:.5em 0
}
.profile-name-link{
background:no-repeat left top;
display:inline-block;
min-height:20px;
padding-left:20px
}
.profile-textblock{
color:#666;
margin:.5em 0
}
.label-size-1{
font-size:80%
}
.label-size-2{
font-size:90%
}
.label-size-3{
font-size:100%
}
.label-size-4{
font-size:120%
}
.label-size-5{
font-size:160%
}
.cloud-label-widget-content{
text-align:justify
}
.label-count{
white-space:nowrap
}
.reactions-label{
margin:3px 0 0 0
}
.reactions-label-cell{
line-height:2.3em
}
.reactions-iframe{
background:transparent;
height:2.3em;
width:100%;
border:0
}
table.tr-caption-container{
padding:4px;
margin-bottom:.5em
}
td.tr-caption{
font-size:80%
}
.item-control{
display:none
}
.item-control a,.item-action a{
text-decoration:none !important
}
.widget-item-control{
float:right;
height:20px;
margin-top:-20px;
position:relative;
z-index:10
}
.widget-item-control a{
opacity:.5
}
.widget-item-control a:hover{
opacity:1
}
.widget .widget-item-control a img{
border:none;
padding:0;
background:none;
box-shadow:none
}
.icon-action{
border-style:none !important;
margin:0 0 0 .5em !important;
vertical-align:middle
}
.item-control{
display:none
}
div.gsc-control{
width:100%
}
.cse-status{
color:#676767;
font-size:11px;
margin:10px;
padding:4px
}
#uds-searchControl{
position:relative
}
#uds-searchClearResults{
position:absolute;
top:15px;
right:-3px;
display:none;
border-width:1px;
border-style:solid;
padding:0;
height:9px;
width:9px
}
#uds-searchControl .gsc-results{
padding:1em 1em 0 1em;
margin:0 0 2em;
border-width:1px;
border-style:solid;
width:auto
}
#uds-searchControl .gsc-resultsHeader{
display:none
}
#uds-searchControl .gsc-tabsArea{
float:left;
position:relative;
top:1px;
padding-right:10px
}
#uds-searchControl .gsc-tabHeader{
float:left;
line-height:1.7
}
#uds-searchControl .gsc-tabHeader.gsc-tabhActive{
border-width:2px 1px 0 1px;
border-style:solid;
font-weight:bold
}
#uds-searchControl .gsc-tabHeader.gsc-tabhInactive{
border-width:0;
border-style:solid;
padding-top:2px
}
#uds-searchControl .gsc-resultsbox-visible{
clear:left
}
#uds-searchControl .gs-result .gs-title,#uds-searchControl .gsc-results .gsc-trailing-more-results{
line-height:1.5em
}
#uds-searchControl .gs-relativePublishedDate,#uds-searchControl .gs-publishedDate{
line-height:1.3em
}
#uds-searchControl .gs-result a.gs-visibleUrl,#uds-searchControl .gs-result .gs-visibleUrl{
line-height:1.3em;
font-size:95%
}
#uds-searchControl .gs-result .gs-snippet{
margin:.25em 0;
line-height:1.2em
}
#uds-searchControl .gs-no-results-result .gs-snippet,#uds-searchControl .gs-error-result .gs-snippet{
border:none;
background-color:transparent;
font-style:italic
}
.FollowByEmail .follow-by-email-inner{
position:relative
}
.FollowByEmail .follow-by-email-inner span{
display:block;
position:relative;
margin-right:74px
}
.FollowByEmail .follow-by-email-inner input{
font-family:arial,sans-serif
}
.FollowByEmail .follow-by-email-inner input:focus{
font-size:13px;
font-family:arial,sans-serif;
color:#999
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{
width:100%;
height:22px;
font-size:13px;
border:1px inset
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{
width:60px;
margin:0;
margin-left:8px;
border:0;
border-radius:2px;
background:#000;
background:rgba(0,0,0,.6);
color:#fff;
cursor:pointer;
font-size:13px;
height:26px;
z-index:0
}
.FollowByEmail .widget-item-control{
margin-top:5px
}
.follower-grid{
width:150px
}
.follower{
width:32px;
height:32px;
float:left;
margin:2px
}
.follower-img{
float:left;
margin:2px
}
.follow-this{
margin:.5em .5em .5em 0;
font-weight:bold
}
.followers-canvas{
margin:.5em .5em .5em 0;
font-weight:bold
}

/* sebelas */
#bottom-bar{
overflow:hidden;
background:#dadada;
margin:0;
padding:10px;
border-top:1px solid #eee;
display:block
}
#bottom-bar h2, #bottom-bar h3{
padding:3px 0;
margin:0;
font-size:15px;
font-weight:bold;
text-shadow:0px 1px 0px #eee;
text-transform:uppercase;
border-bottom:1px solid #bbb
}
#bottom-bar .widget{
margin:0 0 10px;
clear:both
}
#bottom-bar .widget-content{
padding:8px 0;
border-top:1px solid #eee
}
#bottom-bar .kiri{
float:left;
width:310px;
margin:0 5px 0 0;
display:inline
}
#bottom-bar .tengah{
float:left;
width:310px;
margin:0 5px 0 5px;
display:inline;
}
#bottom-bar .kanan{
float:right;
width:310px;
margin:0 0 0 5px;
display:inline
}
#bottom-bar .widget-content ul li {
margin:0;
padding:3px 2px;
border-top:1px solid #eee;
border-bottom:1px solid #bbb;
}

/* dua belas */
#footer-wrapper .footer-kiri{
float:left
}
#footer-wrapper .footer-kanan{
float:right;
text-align:right
}
#footer-wrapper a{
color:#ddd
}
#leaderboard{
text-align:center;
padding:0px;
margin:0px
}
#leaderboard .widget{
border-bottom:1px solid #fafafa
}
#leaderboard .widget h2, #leaderboard .widget h3{
display:none
}
#leaderboard .widget-content{
margin:0 auto;
padding:10px 10px 10px 10px;
border-bottom:1px solid #ccc
}
#leaderboard img{
max-width:100%
}
@media all{
.BLOG_mobile_video_class{
display:none}}
@media handheld{
.BLOG_mobile_video_class{
display:inline
}
.BLOG_video_class,#leaderboard{
display:none}}